<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>配置前置机</title>
<%
	// 权限验证
	if(session.getAttribute("currentMemberShip")==null){
		response.sendRedirect("login.jsp");
		return;
	}
%>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.5/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.5/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.5/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	
	function searchFrontEndProcessorConfiguration(){
		var frontProcessorId = $("#frontProcessorId2").combobox("getValue");
		console.log("frontProcessorId2:" +frontProcessorId);
		if(frontProcessorId==""){
			$("#dg").datagrid('load',{});
		}else{
			$("#dg").datagrid('load',{"frontProcessorId":frontProcessorId});
		}
	}
	
	function formatFrontProcessorId(row) {
		var s = '<span style="font-weight:bold">' + row.siteName + '</span><br/>' + '<span style="color:#888">' + row.frontProcessorId + '</span>';
		return s;
	}
	
	function reloadFrontEndProcessorConfiguration(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要获取前置机最新状态的数据！");
			 return;
		 }
		 $("#flag").val(1);
		 
		 var row=selectedRows[0];
		 var frontProcessorId = row.frontProcessorId;
		 $.messager.confirm("系统提示","您确定要发送这<font color=red>"+selectedRows.length+"</font>条数据吗？",function(r){
			if(r){
				$.post("${pageContext.request.contextPath}/sysOperationRecord/reloadFrontEndProcessorConfiguration.do",{frontProcessorId:frontProcessorId},function(result){
					if(result.success){
						 sleep(200);
						 $.messager.alert("系统提示","已成功获取前置机最新状态的数据！");
						 $("#dg").datagrid("reload");
					}else{
						$.messager.alert("系统提示","获取前置机最新状态的数据失败，请联系系统管理员！");
					}
				},"json");
			} 
		 });
	}
	
	function openFrontEndProcessorConfigurationModifyDialog(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要编辑的数据！");
			 return;
		 }
		 var row=selectedRows[0];
		 $("#dlg").dialog("open").dialog("setTitle","编辑前置机状态信息");
		 $("#fm").form("load",row);
		 $("#flag").val(2);
		 $("#frontProcessorId").attr("readonly",true);
		 
		 ipAddress_old = $("#ipAddress").val();
		 netMask_old = $("#netMask").val();
		 gateWay_old = $("#gateWay").val();
		 monitoringFrequency_old = $("#monitoringFrequency").val();
		 reportInterval_old = $("#reportInterval").val();
		 spectrumReportedIpAddress_old = $("#spectrumReportedIpAddress").val();
		 signalReportedIpAddress_old = $("#signalReportedIpAddress").val();
		 tchReportedIpAddress_old = $("#tchReportedIpAddress").val();
		 gprsReportedIpAddress_old = $("#gprsReportedIpAddress").val();
		 bottomNoiseThreshold_old = $("#bottomNoiseThreshold").val();
	}
	
	function saveFrontEndProcessorConfiguration(){
		frontProcessorId = $("#frontProcessorId").val();
		console.log("frontProcessorId:" +frontProcessorId);
		ipAddress = $("#ipAddress").val();
		console.log("ipAddress:" +ipAddress);
		netMask = $("#netMask").val();
		gateWay = $("#gateWay").val();
		monitoringFrequency = $("#monitoringFrequency").val();
		reportInterva = $("#reportInterval").val();
		spectrumSendSwitch = $("#spectrumSendSwitch").val();
		spectrumReportedIpAddress = $("#spectrumReportedIpAddress").val();
		signalSendSwitch = $("#signalSendSwitch").val();
		signalReportedIpAddress = $("#signalReportedIpAddress").val();
		tchSendSwitch = $("#tchSendSwitch").val();
		tchReportedIpAddress = $("#tchReportedIpAddress").val();
		gprsSendSwitch = $("#gprsSendSwitch").val();
		gprsReportedIpAddress = $("#gprsReportedIpAddress").val();
		
		
		var noise = $("#bottomNoiseThreshold").val();
		var n = parseInt(noise);
		if(n.toString() == 'NaN'){
			$.messager.alert("系统提示","频谱底噪请输入数字");
			return;
		} else if (n < -120 || n > 0) {
			$.messager.alert("系统提示","频谱底噪超出范围");
			return;
		}
		
		 if(netMask == "0.0.0.0" || netMask == "255.255.255.255"){
			$.messager.alert("系统提示","子网掩码不能设置为0.0.0.0和255.255.255.255！");
			return;
		} 
		 
		$("#fm").form("submit",{
			url:"${pageContext.request.contextPath}/sysOperationRecord/save.do?frontProcessorId_="+frontProcessorId+"&bottomNoiseThreshold="+noise+"&bottomNoiseThreshold_old="+bottomNoiseThreshold_old
					+"&reportInterva_="+reportInterva+"&reportInterval_old="+reportInterval_old
					+"&monitoringFrequency_="+monitoringFrequency+"&monitoringFrequency_old="+monitoringFrequency_old
					+"&ipAddress_="+ipAddress+"&ipAddress_old="+ipAddress_old
					+"&netMask_="+netMask+"&netMask_old="+netMask_old
					+"&gateWay_="+gateWay+"&gateWay_old="+gateWay_old
					+"&spectrumSendSwitch_="+spectrumSendSwitch+"&spectrumReportedIpAddress_="+spectrumReportedIpAddress+"&spectrumReportedIpAddress_old="+spectrumReportedIpAddress_old
					+"&signalSendSwitch_="+signalSendSwitch+"&signalReportedIpAddress_="+signalReportedIpAddress+"&signalReportedIpAddress_old="+signalReportedIpAddress_old
					+"&tchSendSwitch_="+tchSendSwitch+"&tchReportedIpAddress_="+tchReportedIpAddress+"&tchReportedIpAddress_old="+tchReportedIpAddress_old
					+"&gprsSendSwitch_="+gprsSendSwitch+"&gprsReportedIpAddress_="+gprsReportedIpAddress+"&gprsReportedIpAddress_old="+gprsReportedIpAddress_old+'',
			onSubmit:function(){
				return $(this).form("validate");
			},
			success:function(result){
				var result=eval('('+result+')');
				if(result.success){
					sleep(200);
					$.messager.alert("系统提示","保存成功！");
					resetValue();
					$("#dlg").dialog("close");
					$("#dg").datagrid("reload");
				}else{
					$.messager.alert("系统提示","保存失败！可能您没修改任何数据！");
					return;
				}
			}
		 });
	}
	
	function checkData(){
		
		if(flag==1){
			//执行添加操作
		}else{
			//执行修改操作
			saveFrontEndProcessorConfiguration();
		}
	}
	
	function resetValue(){
		 $("#frontProcessorId").val("");
		 $("#ipAddress").val("");
		 $("#monitoringFrequency").val("");
		 $("#reportInterval").val("");
		 $("#spectrumSendSwitch").val("");
		 $("#spectrumReportedIpAddress").val("");
		 $("#signalSendSwitch").val("");
		 $("#signalReportedIpAddress").val("");
		 $("#tchSendSwitch").val("");
		 $("#tchReportedIpAddress").val("");
	}
	
	function closeFrontEndProcessorConfigurationDialog(){
		 $("#dlg").dialog("close");
		 resetValue();
	}
	
	function getFrontEndProcessorRestartEventTimetable(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要获取前置机重启事件时刻表的数据！");
			 return;
		 }
		 $("#flag").val(1);
		 
		 var row=selectedRows[0];
		 var frontProcessorId = row.frontProcessorId;
		 $.messager.confirm("系统提示","您确定要发送这<font color=red>"+selectedRows.length+"</font>条数据吗？",function(r){
			if(r){
				$.post("${pageContext.request.contextPath}/sysOperationRecord/getFrontEndProcessorRestartEventTimetable.do",{frontProcessorId:frontProcessorId},function(result){
					if(result.success){
						 sleep(200);
						 $.messager.alert("系统提示","已成功获取前置机重启事件时刻表的数据！");
						 $("#dg").datagrid("reload");
					}else{
						$.messager.alert("系统提示","获取前置机重启事件时刻表的数据失败，请联系系统管理员！");
					}
				},"json");
			} 
		 });
	}
	
	function clearFaultRecordAndRestartEventRecord(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要清除故障记录和重启事件记录的数据！");
			 return;
		 }
		 $("#flag").val(1);
		 
		 var row=selectedRows[0];
		 var frontProcessorId = row.frontProcessorId;
		 $.messager.confirm("系统提示","您确定要发送这<font color=red>"+selectedRows.length+"</font>条数据吗？",function(r){
			if(r){
				$.post("${pageContext.request.contextPath}/sysOperationRecord/clearFaultRecordAndRestartEventRecord.do",{frontProcessorId:frontProcessorId},function(result){
					if(result.success){
						 sleep(200);
						 $.messager.alert("系统提示","已成功清除故障记录和重启事件记录的数据！");
						 $("#dg").datagrid("reload");
					}else{
						$.messager.alert("系统提示","清除故障记录和重启事件记录的数据失败，请联系系统管理员！");
					}
				},"json");
			} 
		 });
	}
	
	function formatSendSwitchValue(val,row,index) {
		if(val==1){
			return '已开启'; 
		}else if(val==2){
			return '<font color=red>已关闭</font>'; 
		}
		
	}
	
	function sendSpectrum(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要发送的频谱数据！");
			 return;
		 }
		 $("#flag").val(1);
		 
		 var row=selectedRows[0];
		 var frontProcessorId = row.frontProcessorId;
		 var spectrumSendSwitch = row.spectrumSendSwitch;
		 if(spectrumSendSwitch==1){
			 spectrumSendSwitch=2;
		 }else{
			 spectrumSendSwitch=1;
		 }
		 var spectrumReportedIpAddress = row.spectrumReportedIpAddress;
		 var id=row.id;
		 $.messager.confirm("系统提示","您确定要发送这<font color=red>"+selectedRows.length+"</font>条频谱数据吗？",function(r){
			if(r){
				$.post("${pageContext.request.contextPath}/sysOperationRecord/sendSpectrum.do",{id:id,frontProcessorId:frontProcessorId,spectrumSendSwitch:spectrumSendSwitch,spectrumReportedIpAddress:spectrumReportedIpAddress},function(result){
					if(result.success){
						 sleep(200);
						 $.messager.alert("系统提示","频谱数据已成功发送！");
						 $("#dg").datagrid("reload");
					}else{
						$.messager.alert("系统提示","频谱数据发送失败，请联系系统管理员！");
					}
				},"json");
			} 
		 });
	}
	
	function sendSignal(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要发送的信令数据！");
			 return;
		 }
		 $("#flag").val(1);
		 
		 var row=selectedRows[0];
		 var frontProcessorId = row.frontProcessorId;
		 var signalSendSwitch = row.signalSendSwitch;
		 if(signalSendSwitch==1){
			 signalSendSwitch=2;
		 }else{
			 signalSendSwitch=1;
		 }
		 var signalReportedIpAddress = row.signalReportedIpAddress;
		 var id=row.id;
		 $.messager.confirm("系统提示","您确定要发送这<font color=red>"+selectedRows.length+"</font>条信令数据吗？",function(r){
			if(r){
				$.post("${pageContext.request.contextPath}/sysOperationRecord/sendSignal.do",{id:id,frontProcessorId:frontProcessorId,signalSendSwitch:signalSendSwitch,signalReportedIpAddress:signalReportedIpAddress},function(result){
					if(result.success){
						 sleep(200);
						 $.messager.alert("系统提示","信令数据已成功发送！");
						 $("#dg").datagrid("reload");
					}else{
						$.messager.alert("系统提示","信令数据发送失败，请联系系统管理员！");
					}
				},"json");
			} 
		 });
	}
	
	function sendTch(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要发送的TCH业务数据！");
			 return;
		 }
		 $("#flag").val(1);
		 
		 var row=selectedRows[0];
		 var frontProcessorId = row.frontProcessorId;
		 var tchSendSwitch = row.tchSendSwitch;
		 if(tchSendSwitch==1){
			 tchSendSwitch=2;
		 }else{
			 tchSendSwitch=1;
		 }
		 var tchReportedIpAddress = row.tchReportedIpAddress;
		 var id=row.id;
		 $.messager.confirm("系统提示","您确定要发送这<font color=red>"+selectedRows.length+"</font>条TCH业务数据吗？",function(r){
			if(r){
				$.post("${pageContext.request.contextPath}/sysOperationRecord/sendTch.do",{id:id,frontProcessorId:frontProcessorId,tchSendSwitch:tchSendSwitch,tchReportedIpAddress:tchReportedIpAddress},function(result){
					if(result.success){
						 sleep(200);
						 $.messager.alert("系统提示","TCH业务数据已成功发送！");
						 $("#dg").datagrid("reload");
					}else{
						$.messager.alert("系统提示","TCH业务数据发送失败，请联系系统管理员！");
					}
				},"json");
			} 
		 });
	}
	

	function sleep(numberMillis) {
		var now = new Date();
		var exitTime = now.getTime() + numberMillis;
		while (true) {
			now = new Date();
			if (now.getTime() > exitTime)
				return;
		}
	}
	
	function sendGprs(){
		 var selectedRows=$("#dg").datagrid("getSelections");
		 if(selectedRows.length!=1){
			 $.messager.alert("系统提示","请选择一条要发送的GPRS数据！");
			 return;
		 }
		 $("#flag").val(1);
		 
		 var row=selectedRows[0];
		 var frontProcessorId = row.frontProcessorId;
		 var gprsSendSwitch = row.gprsSendSwitch;
		 if(gprsSendSwitch==1){
			 gprsSendSwitch=2;
		 }else{
			 gprsSendSwitch=1;
		 }
		 var gprsReportedIpAddress = row.gprsReportedIpAddress;
		 var id=row.id;
		 $.messager.confirm("系统提示","您确定要发送这<font color=red>"+selectedRows.length+"</font>条GPRS数据吗？",function(r){
			if(r){
				$.post("${pageContext.request.contextPath}/sysOperationRecord/sendGprs.do",{id:id,frontProcessorId:frontProcessorId,gprsSendSwitch:gprsSendSwitch,gprsReportedIpAddress:gprsReportedIpAddress},function(result){
					if(result.success){
						 sleep(200);
						 $.messager.alert("系统提示","GPRS数据已成功发送！");
						 $("#dg").datagrid("reload");
					}else{
						$.messager.alert("系统提示","GPRS数据发送失败，请联系系统管理员！");
					}
				},"json");
			} 
		 });
	}
	
	function onLoadComboboxSuccess() {
	    var val = $(this).combobox("getData");
	    for (var item in val[0]) {
	    	if (item == "siteName") {
	            $(this).combobox("select", val[0][item]);
	    	} else if (item == "frontProcessorId") {
	            initialFrontProcessorId = val[0][item];
	            $(this).combobox("setValue", initialFrontProcessorId);
	            //console.log( $(this).combobox("value"));
	        }
	    }
	}
</script>
</head>
<body style="margin: 1px">
<table id="dg" title="配置前置机" class="easyui-datagrid"
   fitColumns="true" pagination="true" rownumbers="true"  pageSize="100" pageList="[100,200,300,400,500]"
   url="${pageContext.request.contextPath}/frontProcessorInfo/list.do" fit="true" toolbar="#tb">
   <thead>
   	<tr>
   		<th field="cb" checkbox="true" align="center"></th>
   		<th field="frontProcessorId" width="100" align="center">前置机</th>
   		<th field="siteName" width="100" align="center">小区名</th>
   		<th field="ipAddress" width="140" align="center">IP地址</th>
   		<th field="netMask" width="140" align="center">子网掩码</th>
   		<th field="gateWay" width="140" align="center">网关</th>
   		<th field="monitoringFrequency" width="100" align="center">监测频点</th>
   		<th field="reportInterval" width="100" align="center">频谱发送间隔</th>
   		<th field="spectrumSendSwitch" width="100" align="center" formatter="formatSendSwitchValue">频谱数据发送开关</th>
   		<th field="spectrumReportedIpAddress" width="140" align="center">频谱数据上报地址</th>
   		<th field="signalSendSwitch" width="100" align="center" formatter="formatSendSwitchValue">信令数据发送开关</th>
   		<th field="signalReportedIpAddress" width="140" align="center">信令数据上报地址</th>
   		<th field="tchSendSwitch" width="100" align="center" formatter="formatSendSwitchValue">TCH业务发送开关</th>
   		<th field="tchReportedIpAddress" width="140" align="center">TCH业务上报地址</th>
   		<th field="gprsSendSwitch" width="100" align="center" formatter="formatSendSwitchValue">GPRS数据发送开关</th>
   		<th field="gprsReportedIpAddress" width="140" align="center">GPRS数据上报地址</th>
   		<th field="bottomNoiseThreshold" width="120" align="center">频谱底噪</th>
   	</tr>
   </thead>
 </table>
 <div id="tb">
	<div>
 		<a href="javascript:reloadFrontEndProcessorConfiguration()" class="easyui-linkbutton" iconCls="icon-reload" plain="true">获取前置机最新状态</a>
 		<c:if test="${currentMemberShip.group.name=='管理员' }">
 		<a href="javascript:openFrontEndProcessorConfigurationModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
 		<a href="javascript:sendSpectrum()" class="easyui-linkbutton" iconCls="icon-apply" plain="true">发送频谱数据</a>
 		<a href="javascript:sendSignal()" class="easyui-linkbutton" iconCls="icon-apply" plain="true">发送信令数据</a>
 		<a href="javascript:sendTch()" class="easyui-linkbutton" iconCls="icon-apply" plain="true">发送TCH业务</a>
 		<a href="javascript:getFrontEndProcessorRestartEventTimetable()" class="easyui-linkbutton" iconCls="icon-apply" plain="true">获取前置机重启事件时刻表</a>
 		<a href="javascript:clearFaultRecordAndRestartEventRecord()" class="easyui-linkbutton" iconCls="icon-apply" plain="true">清除故障记录和重启事件记录</a>
 	    <a href="javascript:sendGprs()" class="easyui-linkbutton" iconCls="icon-apply" plain="true">发送GPRS</a>
 	   	</c:if>
 	</div>
 	<div>
 		&nbsp;前置机号：&nbsp;
 		<input class="easyui-combobox" size="30" id="frontProcessorId2" name="frontProcessorId" data-options="panelHeight:'130',valueField:'frontProcessorId',textField:'siteName',url:'${pageContext.request.contextPath}/frontProcessorInfo/frontProcessorIdAndSiteNameComboList.do',formatter: formatFrontProcessorId,onLoadSuccess:onLoadComboboxSuccess"/>
 		<a href="javascript:searchFrontEndProcessorConfiguration()" class="easyui-linkbutton" iconCls="icon-search" plain="true"><b style="font-size:15px">搜索</b></a>
 	</div>
 </div>
 
 <div id="dlg" class="easyui-dialog" style="width:650px;height:280px;padding: 10px 20px"
   closed="true" buttons="#dlg-buttons">
   
   <form id="fm" method="post">
   	<table cellspacing="8px">
   		<tr>
   			<td>前置机号：</td>
   			<td><input type="text" id="frontProcessorId" name="frontProcessorId" class="easyui-validatebox" required="true"/></td>
   			<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   			<td>IP地址</td>
   			<td><input type="text" id="ipAddress" name="ipAddress" class="easyui-validatebox" required="true"/></td>
   		</tr>
   		<tr>
   			<td>子网掩码：</td>
   			<td><input type="text" id="netMask" name="netMask" class="easyui-validatebox" required="true"/></td>
   			<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   			<td>网关</td>
   			<td><input type="text" id="gateWay" name="gateWay" class="easyui-validatebox" required="true"/></td>
   		</tr>
   		<tr>
   			<td>监测频点：</td>
   			<td><input type="text" id="monitoringFrequency" name="monitoringFrequency" class="easyui-validatebox" required="true"/></td>
   			<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   			<td>频谱发送间隔：</td>
   			<td><input type="text" id="reportInterval" name="reportInterval" class="easyui-validatebox" required="true"/></td>
   		</tr>
   		<tr>
   			<td>频谱数据发送开关：</td>
   			<td><input type="text" id="spectrumSendSwitch" name="spectrumSendSwitch" class="easyui-validatebox" required="true"/></td>
   			<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   			<td>频谱数据上报地址：</td>
   			<td><input type="text" id="spectrumReportedIpAddress" name="spectrumReportedIpAddress" class="easyui-validatebox" required="true"/></td>
   		</tr>
   		<tr>
   			<td>信令数据发送开关：</td>
   			<td><input type="text" id="signalSendSwitch" name="signalSendSwitch" class="easyui-validatebox" required="true"/></td>
   			<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   			<td>信令数据上报地址：</td>
   			<td><input type="text" id="signalReportedIpAddress" name="signalReportedIpAddress" class="easyui-validatebox" required="true"/></td>
   		</tr>
   		<tr>
   			<td>TCH业务发送开关：</td>
   			<td><input type="text" id="tchSendSwitch" name="tchSendSwitch" class="easyui-validatebox" required="true"/></td>
   			<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   			<td>TCH业务上报地址：</td>
   			<td><input type="text" id="tchReportedIpAddress" name="tchReportedIpAddress" class="easyui-validatebox" required="true"/>
   			</td>
   		</tr>
   		<tr>
   			<td>GPRS发送开关：</td>
   			<td><input type="text" id="gprsSendSwitch" name="gprsSendSwitch" class="easyui-validatebox" required="true"/></td>
   			<td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
   			<td>GPRS上报地址：</td>
   			<td><input type="text" id="gprsReportedIpAddress" name="gprsReportedIpAddress" class="easyui-validatebox" required="true"/>
   				<input type="hidden" id="flag" name="flag"/>
   			</td>
   		</tr>
   		
   		<tr>
   			<td>频谱底噪</td>
   			<td><input type="text" id="bottomNoiseThreshold" name="bottomNoiseThreshold" class="easyui-validatebox" required="true"/></td>
   		</tr>
   		
   		
   	</table>
   </form>
 </div>
 
 <div id="dlg-buttons">
 	<a href="javascript:checkData()" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
 	<a href="javascript:closeFrontEndProcessorConfigurationDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
 </div>
 
    
</body>
</html>